<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
	</head>
	<link href="../c/renwudetails.css" rel="stylesheet" />
	<body>
		<div class="main">
			<div class="renwu">
				<img src="../i/UIChatBox/img2.png" class="renwu_pic" style="height: 6rem;">
				<p style="color: #e14b00;margin-top: 0.5rem;display: none;" class="zb">任务占比：%</p>
				<p class="cy" style="display: none;margin-top: 2rem;">
					<button style="background:#da0000;border: none;height: 1.5rem;width: 30%;color: #fff;border-radius: 0.3rem;" class="cyys">跳转任务</button>
					<button style="background:#da0000;border: none;height: 1.5rem;width: 30%;color: #fff;border-radius: 0.3rem;margin-left:10%;"
					 class="cyy">立即参与</button></p>
			</div>
			<div class="bfb">
				<p style="width: 45%;float: left;display: none;">当前任务总量:<span style="color: #e7e700;font-size: 1.2rem;"></span></p>
				<p style="margin: 0.4rem 0;width: 45%;float: left;text-align: center;">任务剩余数量:<span style="color: #e7e700;font-size: 1.2rem;"></span></p>
				<p style="width: 45%;"><span style="display: none;">任务参与人数:<small class="nums" style="color: #e7e700;font-size: 1.2rem;margin-left: 0;"></small></span>
					<span style="margin-top: 1rem;"><small class="wid"></small></span></p>
			</div>
			<div class="tit">
				<p>任务玩法</p>
				<p>精选视频</p>
			</div>
			<div class="wf">
				<div class="wf_pic">
					<img src="../i/zhibo/sx-add-img-l.png">
					<p style="overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;height: 1.3rem;color: #FF2600;border: 0.01rem solid #dadada;width:auto;max-width: 60%;padding: 0.3rem 0.4rem;border-radius: 0.3rem;font-size: 0.85rem;"
					 class="tis"></p>
					<!-- <img src="i/zhibo/sx-add-img-l.png">
				    
					<img src="i/zhibo/sx-add-img-l.png"> -->
				</div>

				<div class="wf_text" style="word-wrap: break-word;padding-bottom: 5rem;">
					<!-- asss -->
				</div>
			</div>
			<div class="video" style="display: none;">
				<p style="text-align: center; color: #fff;margin-top: 1rem;">暂无相关视频信息</p>
			</div>
		</div>
		<div class="toppic" style="display: none;">
			<button>立即参与</button>
			<input type="file" class="top_pic" accept="image/*" />
		</div>
		<div class="maxpic">
			<img src="../c/iconfont.svg">
		</div>
		<img src="../i/footer_progress.png" class="ims">
	</body>
</html>
<script src="../j/api.js"></script>
<script src="../j/jquery-3.3.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
<script>
	// var str = window.location.search;
	// var str1 = str.split("?id=");
	var id = localStorage.getItem("rwu");

	function add0(m) {
		return m < 10 ? '0' + m : m
	}

	function copy(text) {
		// alert(text);
		var downloader,
			scheme = text, // 需要打开的 scheme 地址
			download = 'index'; // 如果打开scheme失效的app下载地址
		// 给 id 为 open 的按钮添加点击事件处理函数
		window.location.href = scheme; // 尝试打开 scheme
		downloader = setTimeout(function() {
			api.openWin({
				name: "new_my",
				url: 'new_my.html',
				animation: {
					type: "none",
				},
				bounces: false,
				slidBackEnabled: false,
			})
		}, 3000);

	}
	var onlyid;

	function zt() {
		_ajax1('upload/qiniu', function(ret, err) {
			if (ret) {
				$(".bfb p").eq(0).children("span").text(ret.ret.total_num);
				var numa = (ret.ret.total_num - ret.ret.current_num) / ret.ret.current_num;
				$(".bfb p").eq(1).children("span").text(numa.toFixed(2) + "%");
				// $(".renwu p").eq(3).text("任务地址:" + ret.ret.url);
				var num = (parseInt(ret.ret.total_num - ret.ret.current_num) / parseInt(ret.ret.total_num)) * 100;
				$(".nums").text(ret.ret.current_num);
				$(".wid").css("width", num.toFixed(2) + "%");
				onlyid = ret.ret.onlyid;
				// $(".zb").text("任务占比:"+ret.ret.risen+"%");
				//判断用户任务状态
				if (ret.ret.status == "") {
					$(".toppic").hide();
					$(".cy").show();
					$(".toppic input").show();
					$(".toppic button").text("立即参与");
				} else {
					if (ret.ret.status == 4) {
						$(".toppic input").hide();
						$(".toppic").show();
						$(".cy").show();
						$(".tis").text("任务审核中");
						$(".toppic button").text("审核中");
						$(".toppic button").css("background", "#cacaca");
					} else if (ret.ret.status == -1) {
						// $(".toppic").show();
						$(".toppic button").attr("name", ret.ret.title);
						$(".cy").show();
						$(".cy button").attr("name", ret.ret.title)
						$(".cy .cyy").text("已拒绝");
						$(".toppic input").hide();
						$(".tis").text("拒绝原因:" + ret.ret.remarkss);
						$(".toppic button").text("再次上传");
						// $(".toppic input").hide();
						// $(".toppic button").css("background", "#cacaca");
					} else if (ret.ret.status == 1) {
						$(".toppic input").hide();
						$(".toppic").show();
						$(".tis").text("任务已完成");
						$(".toppic .cyy").text("已完成");
						$(".toppic button").css("background", "#cacaca");
					} else if (ret.ret.status == 2) {
						$(".toppic").show();
						$(".toppic input").show();
						$(".cy").show();
						$(".tis").text("任务接受成功");
						$(".cy button").attr("name", ret.ret.title)
						$(".toppic button").text("上传截图");
						$(".cy .cyy").text("任务进行中")
						// $(".toppic button").css("background", "#e14b00");
					} else if (ret.ret.status == 3) {
						$(".toppic").hide();
						$(".tis").hide();
						$(".cy .cyy").hide();
						$(".tis").text("已接受其他任务");
					}
				}

			}
		}, {
			id: id
		})
	}

	apiready = function() {
		var _user = _getPrefs('_user');
		var agents;
		_ajax("member/info", function(ret, err) {

			if (ret.agent == 0 && ret.levels == 0) {
				agents = 0;
			} else if (ret.agent == 1 && ret.levels == 0) {
				agents = 1;
			} else if (ret.agent == 1 && ret.levels == 1) {
				agents = 2;
			} else if (ret.agent == 1 && ret.levels == 2) {
				agents = 3;
			}
			_ajax1('upload/qiniu', function(ret, err) {
				console.log(JSON.stringify(ret));
				if (ret) {
					onlyid = ret.ret.onlyid;
					if (ret.ret.first_img == null || ret.ret.first_img == "") {} else {
						$(".renwu_pic").attr("src", "http://qiniu.live.kxg99.com/" + ret.ret.first_img);
					}
					$(".cy .cyys").attr("name", ret.ret.title);
					$(".bfb p").eq(0).children("span").text(ret.ret.total_num);
					var numa = (ret.ret.total_num - ret.ret.current_num) / ret.ret.total_num*100;
					$(".bfb p").eq(1).children("span").text(numa.toFixed(2) + "%");
					// $(".renwu p").eq(3).text("任务地址:" + ret.ret.url);
					var num = (parseInt(ret.ret.total_num - ret.ret.current_num) / parseInt(ret.ret.total_num)) * 100;
					$(".nums").text(ret.ret.current_num);
					$(".wid").css("width", num.toFixed(2) + "%");
					$(".wf_text").html(ret.ret.msg);
					$(".toppic").attr("jinbi", ret.ret.jinbi);
					if (ret.ret.demo1 == null || ret.ret.demo1 == "") {
						$(".wf_pic img").eq(0).hide();
					} else {
						$(".wf_pic img").eq(0).attr("src", "http://qiniu.live.kxg99.com/" + ret.ret.demo1);
					}

					if (ret.ret.demo2 == null || ret.ret.demo2 == "") {
						$(".wf_pic img").eq(1).hide();
					} else {
						$(".wf_pic img").eq(1).attr("src", "http://qiniu.live.kxg99.com/" + ret.ret.demo2);
					}
					// alert(agent);
					if (agents == 3) {
						$(".zb").text("任务占比:" + ret.ret.per + "%");
						$(".zb").show();
						if (ret.ret.jigou == 1) {
							//判断用户任务状态
							if (ret.ret.status != "" && ret.ret.status != null) {
								if (ret.ret.status == 4 || ret.ret.status == "4") {
									$(".toppic input").hide();
									$(".toppic").show();
									$(".cy").hide();
									$(".tis").text("任务审核中");
									$(".toppic button").text("审核中");
									$(".toppic button").css("background", "#cacaca");
								} else if (ret.ret.status == -1) {
									$(".toppic").show();
									$(".toppic button").attr("name", ret.ret.title);
									$(".cy").show();
									$(".cy .cyy").text("已拒绝");
									$(".cy .cyy").css("background", "#cacaca");
									$(".tis").text("拒绝原因:" + ret.ret.remarkss);
									$(".toppic button").text("再次上传(" + ret.ret.remarkss + ")");
									// $(".toppic input").hide();
									// $(".toppic button").css("background", "#cacaca");
								} else if (ret.ret.status == 1) {
									$(".toppic input").hide();
									$(".toppic").show();
									$(".tis").text("任务已完成");
									$(".toppic button").text("已完成");
									$(".toppic button").css("background", "#cacaca");
								} else if (ret.ret.status == 2) {
									$(".toppic").show();
									$(".toppic input").show();
									$(".cy").show();
									$(".renwu p").eq(0).text("任务接受成功");
									$(".toppic button").text("上传截图");
									$(".cy .cyy").text("任务进行中");
									$(".tis").hide();
								} else if (ret.ret.status == 3) {
									$(".toppic").hide();
									$(".cy .cyy").hide();
									$(".tis").text("已接受其他任务");
								}
							} else {
								$(".toppic").hide();
								$(".cy").show();
								$(".tis").hide();
								$(".toppic input").show();
								$(".toppic").hide();
								$(".toppic button").text("立即参与");
							}
						} else {
							$(".cy").show();
							$(".cyy").hide();
							$(".tis").hide();
							$(".toppic").hide();
						}



					} else {
						if (ret.ret.status != "" && ret.ret.status != null) {
							if (ret.ret.status == 4 || ret.ret.status == "4") {
								$(".toppic input").hide();
								$(".toppic").show();
								$(".cy").hide();
								$(".tis").text("任务审核中");
								$(".toppic button").text("审核中");
								$(".toppic button").css("background", "#cacaca");
							} else if (ret.ret.status == -1) {
								$(".toppic").show();
								$(".toppic button").attr("name", ret.ret.title);
								$(".cy").show();
								$(".cy .cyy").text("已拒绝");
								$(".cy .cyy").css("background", "#cacaca");
								$(".tis").text("拒绝原因:" + ret.ret.remarkss);
								$(".toppic button").text("已拒绝(" + ret.ret.remarkss + ")");
								$(".toppic button").css("background", "#cacaca");
								$(".toppic input").hide();
							} else if (ret.ret.status == 1) {
								$(".toppic input").hide();
								$(".toppic").show();
								$(".tis").text("任务已完成");
								$(".toppic button").text("已完成");
								$(".toppic button").css("background", "#cacaca");
							} else if (ret.ret.status == 2) {
								$(".toppic").show();
								$(".toppic input").show();
								$(".cy").show();
								$(".renwu p").eq(0).text("任务接受成功");
								$(".toppic button").text("上传截图");
								$(".cy .cyy").text("任务进行中");
								$(".tis").hide();
							} else if (ret.ret.status == 3) {
								$(".toppic").show();
								$(".cy .cyy").hide();
								$(".tis").text("已接受其他任务");
							}
						} else {
							$(".cy").show();
							$(".tis").hide();
							$(".toppic input").show();
							$(".toppic button").text("立即参与");
						}
					}



				}
			}, {
				id: id
			})
		})

		$(".wf_pic").on("click", "img", function() {
			var src = $(this).attr("src");
			$(".maxpic img").attr("src", src);
			$(".maxpic").show();
		})
		$(".maxpic").on("click", function() {
			$(this).hide();
		})
		$(".tit").on("click", "p", function() {
			$(".tit p").css("border", "none");
			$(this).css("border-bottom", "0.01rem solid #e7e700");
			var ind = $(this).index();
			if (ind == 0) {
				$(".wf").show();
				$(".video").hide();
			} else {
				$(".wf").hide();
				$(".video").show();
			}
		})
		$(".cy").on("click", ".cyys", function() {
			var texta = $(this).attr("name");
			copy(texta)

		})
		//立即参与
		$(".cy").on("click", ".cyy", function() {
			var tet = $(this).text();
			if (tet == "任务进行中") {} else {
				_ajax1('upload/kill', function(ret, err) {
					if (ret) {
						if (ret.code == 0) {
							$(".cyy").text("任务进行中");
							zt();
						} else if (ret.code == 2) {
							_msg("已参与过该任务，请接其他任务");
						} else {
							_msg("任务参与人数已满");
						}

					} else {

					}

				}, {
					task_id: id,
					onlyid: onlyid
				})
			}
			// zt();
		})


		//上传任务图片
		$(".top_pic").on("change", function(e) {
			var jinbi = $(this).parent(".toppic").attr("jinbi");
			var _this = $(this);
			var formData = new FormData();
			var fiks = e.target.files[0];
			formData.append("file", fiks);
			$(".toppic input").hide();
			$(".ims").show();
			$.ajax({
				url: "http://hwu.kxg99.com/index.php/api/index/upload_img",
				type: "post",
				data: formData,
				processData: false, // 告诉jQuery不要去处理发送的数据
				contentType: false, // 告诉jQuery不要去设置Content-Type请求头
				dataType: 'text',
				success: function(data) {
					_ajax1('task/add', function(ret) {
						if (ret.ret == "提交成功") {
							$(".ims").hide();
							_msg("提交成功！");
							$(".toppic button").text("审核中");
							$(".toppic button").css("background", "#cacaca")
						} else {
							$(".ims").hide();
							$(".toppic input").show();
							_msg("提交失败！")
						}

					}, {
						content: data,
						task_id: id,
						jinbi: jinbi,
						onlyid: onlyid
					})
				},
				error: function(data) {
					$(".ims").hide();
					$(".toppic input").show();
				}
			})
		})
	}
</script>
